<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>

<div class = "main animated zoomIn">

    <div class="crumbs-box">
        <i class="fa fa-home"></i>
        <i>调度监控系统</i>
        <em>/</em>
        <i>调度计划执行信息</i>
    </div>

    <div class="search-box">
        <form id="search-form" onsubmit="return false">
            <div class="row">
                <div class="col-sm-2 labelName">开始时间：</div>
                <div class="col-sm-4">
                    <input type="text" name="fromCreateTime" class="form-control datePicker" >
                    --
                    <input type="text" name="toCreateTime" class="form-control datePicker" >
                </div>
            </div>
            <div class="col-sm-1 labelName">状态</div>
            <div class="col-sm-2">
                <select name="status" id="status" class="form-control"></select>
            </div>
            <div class="col-sm-2">
                <button class="btn btn-primary" id="submitSearch">搜索</button>
                <button class="btn btn-primary" id="submitReset">重置</button>
            </div>
        </form>
    </div>

    <div class="content">
        <div class="panel panel-default">
            <div class="panel-heading">
                <i class="fa fa-clipboard tableIcon"></i>
                <span>调度计划执行表</span>
            </div>
            <a href="#/planInfo" class="rt" title="返回">
                    <i class="fa fa-mail-reply editBtn"></i>
            </a>
        </div>
        <div class="panel-body grid-panel-body">
            <div class="grid-box">
                <table id="dataGrid" class="data-grid">
                    <thead>
                    <tr>
                        <th>调度计划执行编号</th>
                        <th>调度计划编号</th>
                        <th>开始时间</th>
                        <th>结束时间</th>
                        <th>状态</th>
                        <th>是否重跑</th>
                        <th>原调度计划执行编号</th>
                        <th>创建时间</th>
                        <th>更新时间</th>
                        <th>操作</th>
                    </tr>
                    </thead>
                    <tbody id="planGrid">
                    <tr data-template>
                        <td class="hide" field="id">{{id}}</td>
                        <td class="hide" field="planId">{{planId}}</td>
                        <td>
                            <a href="#/planExecution">
                                <span onclick="getPlanId(this)">{{planId}}</span>
                            </a>
                        </td>
                        <td field="planType">{{planType}}</td>
                        <td field="planName">{{planName}}</td>
                        <td field="planLevel">{{planLevel}}</td>
                        <td field="planParam">{{planParam}}</td>
                        <td field="createTime">{{createTime}}</td>
                        <td field="updateTime">{{updateTime}}</td>
                        <td>
                            <i class="fa fa-edit editBtn" role="edit" title="修改"></i>
                            <i class="fa fa-paper-plane editBtn" role="reply" title="重新执行"></i>
                            <a href="#/planExecution">
                                <i class="fa fa-mail-forward editBtn" role="jump" onclick="getRowId(this)"></i>
                            </a>
                        </td>
                    </tr>
                    <tbody id="planExecutionGrid">
                    <tr data-template>
                        <td field="planExeId" class="editBtn" role="view">{{planExeId}}</td>
                        <td field="planId">{{planId}}</td>
                        <td field="startTime">{{startTime}}</td>
                        <td field="endTime">{{endTime}}</td>
                        <td field="status">{{status}}</td>
                        <td field="isRetry">{{isRetry}}</td>
                        <td field="oldPlanId">{{oldPlanId}}</td>
                        <td field="createTime">{{createTime}}</td>
                        <td field="updateTime">{{updateTime}}</td>
                        <td>
                            <i class="fa fa-registered editBtn" role="reply" title="重新执行"></i>
                            <i class="fa fa-pie-chart  editBtn" role="view" title="查看作业执行图"></i>
                        </td>
                    </tr>
                </tbody>
                </table>
                </div>
                <div id = "pager" class="pager-box"></div>
            </div>
        </div>
    </div>
</div>

<template>
    <div style="padding:20px 30px">
        <div class="content chart-box">
            <div id="runChart" style="width:980px;height:280px;"></div>
            <div class="triangle"></div>
            <i class="fa fa-refresh refresh" id="refresh" title="刷新"></i>
        </div>
    <div class="content">
        <div class="panel panel-default">
        <div class="panel-heading">作业执行列表</div>
        <div class="panel-body grid-panel-body">
            <table class="data-grid" style="margin-bottom:8px;">

                <thead>
                <tr>
                    <td field="id" class="hide">序列号</td>
                    <td field="planExeId" class="hide">计划执行编号</td>
                    <td field="jobExeId">作业执行编号</td>
                    <td field="jobId">作业号</td>
                    <td field="jobName">作业名称</td>
                    <td field="preJobId" class="hide">前置作业号</td>
                    <td field="preJobName" class="hide">前置作业名称</td>
                    <td field="jobLevel">作业优先级别</td>
                    <td field="jobServiceName">作业执行服务名称</td>
                    <td field="status">运行状态</td>
                    <td field="startTime">运行起始时间</td>
                    <td field="endTime">运行结束时间</td>
                    <td field="elapsedTime">运行耗时(ms)</td>
                    <td field="jobExePara" class="hide">作业运行参数</td>
                    <td field="jobExeMessage" class="hide">作业运行信息</td>
                    <td field="jobNodeIp" class="hide">作业运行节点IP</td>
                    <td field="jobInstanceId" class="hide">作业运行节点实例名</td>
                    <td field="jobNodePort" class="hide">作业运行节点端口</td>
                    <td field="retrySeq" class="hide">重复执行序号</td>
                    <td field="createTime" class="hide">创建时间</td>
                    <td field="updateTime">更新时间</td>
                    <td>操作</td>
                </tr>
                </thead>
                <tbody id="mainJobGrid" class="jobGridTr">
                <tr data-template>
                    <td field="id" class="hide">{{id}}</td>
                    <td field="planExeId" class="hide">{{planExeId}}</td>
                    <td field="jobExeId">{{jobExeId}}</td>
                    <td field="jobId">{{jobId}}</td>
                    <td field="jobName">{{jobName}}</td>
                    <td field="preJobId" class="hide">{{preJobId}}</td>
                    <td field="preJobName" class="hide">{{preJobName}}</td>
                    <td field="jobLevel">{{jobLevel}}</td>
                    <td field="jobServiceName">{{jobServiceName}}</td>
                    <td field="status">{{status}}</td>
                    <td field="startTime">{{startTime}}</td>
                    <td field="endTime">{{endTime}}</td>
                    <td field="elapsedTime">{{elapsedTime}}</td>
                    <td field="jobExePara" class="hide">{{jobExePara}}</td>
                    <td field="jobExeMessage" class="hide">{{jobExeMessage}}</td>
                    <td field="jobNodeIp" class="hide">{{jobNodeIp}}</td>
                    <td field="jobInstanceId" class="hide">{{jobInstanceId}}</td>
                    <td field="jobNodePort" class="hide">{{jobNodePort}}</td>
                    <td field="retrySeq" class="hide">{{retrySeq}}</td>
                    <td field="createTime" class="hide">{{createTime}}</td>
                    <td field="updateTime">{{updateTime}}</td>
                    <td>
                        <i class="fa fa-registered redo" role="reply" title="重新执行"></i>
                        <i class="fa fa-eye  view" role="view" title="详细"></i>
                    </td>
                </tr>
                </tbody>
            </table>
        </div>
    </div>

        <div class="panel panel-default">
            <div class="panel-heading">子作业执行列表</div>
            <div class="panel-body grid-panel-body">
                <table class="data-grid" style="max-height:200px;overflow-y:auto;">
                    <thead>
                    <tr>
                        <td field="id" >序列号</td>
                        <td field="jobExeId" >作业执行编号</td>
                        <td field="subJobExeId">子作业执行编号</td>
                        <td field="jobName">作业名称</td>
                        <td field="jobExeMessage" class="hide">作业执行信息</td>
                        <td field="jobExeParam" class="hide">作业执行参数</td>
                        <td field="jobInstanceId" class="hide">作业运行节点实例名</td>
                        <td field="jobLevel"class="hide">优先级别</td>
                        <td field="jobNodeIp" class="hide">子作业执行服务名称</td>
                        <td field="status">状态</td>
                        <td field="jobNodePort" class="hide">作业运行节点端口</td>
                        <td field="jobServiceName"class="hide">作业执行服务名称</td>
                        <td field="retrySeq" class="hide">重复执行序号</td>
                        <td field="startTime">运行起始时间</td>
                        <td field="endTime">运行结束时间</td>
                        <td field="elapsedTime">运行耗时(ms)</td>
                        <td field="createTime" class="hide">创建时间</td>
                        <td field="updateTime">更新时间</td>
                        <td>操作</td>
                    </tr>
                    </thead>
                    <tbody id="subJobGrid" class="jobGridTr">
                    <tr data-template>
                        <td field="id" >{{id}}</td>
                        <td field="jobExeId">{{jobExeId}}</td>
                        <td field="subJobExeId">{{subJobExeId}}</td>
                        <td field="jobName">{{jobName}}</td>
                        <td field="jobExeMessage" class="hide">{{jobExeMessage}}</td>
                        <td field="jobExeParam" class="hide">{{jobExeParam}}</td>
                        <td field="jobInstanceId" class="hide">{{jobInstanceId}}</td>
                        <td field="jobLevel">{{jobLevel}}</td>
                        <td field="jobNodeIp" class="hide">{{jobNodeIp}}</td>
                        <td field="status">{{status}}</td>
                        <td field="jobNodePort" class="hide">{{jobNodePort}}</td>
                        <td field="jobServiceName">{{jobServiceName}}</td>
                        <td field="retrySeq" class="hide">{{retrySeq}}</td>
                        <td field="startTime">{{startTime}}</td>
                        <td field="endTime">{{endTime}}</td>
                        <td field="elapsedTime">{{elapsedTime}}</td>
                        <td field="createTime" class="hide">{{createTime}}</td>
                        <td field="updateTime">{{updateTime}}</td>
                        <td>
                            <i class="fa fa-registered redo" role="reply" title="重新执行"></i>
                            <i class="fa fa-eye  view" role="view" title="详细"></i>
                        </td>
                    </tr>
                    </tbody>
                </table>
            </div>
        </div>
    </div>
    </div>
</template>
</body>
<script src="plugins/echarts/echarts.min.js"></script>
<script src="dssh/js/planExecution.js"></script>
</html>